// @import 'tools';
@base-color: #929292;
.fz(@fontSize){
  font-size: @fontSize;
}
.center(@width){
  width: @width;
  margin: 0 auto;
}
.toBlock(@w:0px,@h:0px){
  width: @w;
  height: @h;
}

header{
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  background-color: rgb(236,236,236);
  .top-nav{
    .center(1200px);
    li{
      float: left;
      a{
        color: @base-color;
        padding: 0 10px;
        border-right: 1px solid #b1b1b1;
        span{
          color: red;
        }
      }
      &:last-of-type{
        a{
          border-right: 0;
        }
      }
    }
  }
  .top-search-container{
    .container{
      .center(800px);
      box-sizing: border-box;
      .left-icon{
        padding: 30px;
      }
      .search{
        padding-top: 35px;
        input{
          .toBlock(20rem, 3rem);
          border-color: orange;
          padding: 0 1rem;
          .fz(16px);
        }
        button{
          .toBlock(3.5rem, 3rem);
          border-color: orange;
          margin-left: -4px;
          .fz(14px);
        }
      }
    }
  }
}
.top-banner-container{
  margin-top: -3rem;
}